// @import "./_keyframes.less";

// 主题色
@color-theme: #ff5000; //ff5000 fd6800

//margin、padding间距
@gap-qtr: 8rpx;
@gap-half: 16rpx;
@gap: 32rpx;
@gap-one-half: 48rpx;
@gap-two: 64rpx;

// 文字颜色
@color-text-heavyest: #ffffff;
@color-text-heavyer: #eeeeee;
@color-text-heavy: #dddddd;
@color-text-main: #cccccc;
@color-text-light: #aaaaaa;
@color-text-lighter: #888888;
@color-text-lightest: #666666;

// 背景颜色
@color-bg-heavyest: #000000;
@color-bg-heavyer: #111111;
@color-bg-heavy: #222222;
@color-bg-main: #333333; //202020  202945   333333
@color-bg-light: #444444;
@color-bg-lighter: #666666;
@color-bg-lightest: #999999;

@color-bg-theme-light: #f7bfa6;

// 边框颜色
@color-border-heavyer: #d9d9d9;
@color-border-heavy: #dcdcdc;
@color-border-main: #444444;
@color-border-light: #666666;
@color-border-lighter: #999999;

@border-heavyer: 1rpx solid @color-border-heavyer;
@border-heavy: 1rpx solid @color-border-heavy;
@border-main: 1rpx solid @color-border-main;
@border-light: 1rpx solid @color-border-light;
@border-lighter: 1rpx solid @color-border-lighter;

// 边框圆角
@radius-heavyer: 24rpx;
@radius-heavy: 20rpx;
@radius-main: 16rpx;
@radius-light: 12rpx;
@radius-lighter: 8rpx;

// 单行容器高度
// @height-heavyester: 112rpx;
// @height-heavyest: 104rpx;
@height-heavyer: 76rpx;
@height-heavy: 68rpx;
@height-main: 60rpx;
@height-light: 52rpx;
@height-lighter: 44rpx;
// @height-lightest: 56rpx;
// @height-lightester: 48rpx;

// 行高
@line-height-heavyest: 2.2;
@line-height-heavyer: 2;
@line-height-heavy: 1.8;
@line-height-main: 1.6;
@line-height-light: 1.4;
@line-height-lighter: 1.2;
@line-height-lightest: 1;

// 字体大小
// @font-size-heavyester: 48rpx;
// @font-size-heavyest: 44rpx;
@font-size-heavyer: 38rpx;
@font-size-heavy: 34rpx;
@font-size-main: 30rpx;
@font-size-light: 26rpx;
@font-size-lighter: 24rpx;

// 禁用颜色
@color-disabled-bg: #eee;
@color-disabled-border: #ddd;
@color-disabled-text: #999;

// 盒子阴影
@shadow-heavyer: 0 8rpx 16rpx rgba(@color-theme, 0.24),
  0 0 24rpx rgba(@color-theme, 0.08);
@shadow-heavy: 0 8rpx 16rpx rgba(@color-theme, 0.24),
  0 0 24rpx rgba(@color-theme, 0.08);
@shadow-main: 0 8rpx 16rpx rgba(@color-theme, 0.12),
  0 0 24rpx rgba(@color-theme, 0.04);
@shadow-light: 0 8rpx 48rpx 0 rgba(@color-theme, 0.1);

//骨架屏动画效果
// @skeleton-blink: skeleton-blink 3s linear infinite;

//文字省略
.text-ellipsis(@num) {
  // 当英文单词很长时的换行处理
  word-wrap: break-word;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @num;
}
